<template>
  <pure-panel-card class="panel-card">
    <div slot="header">
      评价信息
    </div>
    <div slot="subHeader">
      <span
        v-if="faultInfo.createUserName"
        class="createUser"
      >评价人:
        <span>
          {{ faultInfo.createUserName }}
        </span>
      </span>
      <span v-if="faultInfo.createTime" class="createTime">
        评价时间时间:
        <span>{{ faultInfo.createTime }}</span>
      </span>

    </div>
    <el-descriptions
      :column="1"
      border
      :colon="false"
    >
      <el-descriptions-item label="服务态度">
        {{ faultInfo.faultRemark }}
      </el-descriptions-item>
      <el-descriptions-item label="服务质量">
        {{ faultInfo.faultTypeToName }}
      </el-descriptions-item>
      <el-descriptions-item label="响应时效">
        {{ faultInfo.makeUserName }}
      </el-descriptions-item>
      <el-descriptions-item label="评价结果">
        {{ faultInfo.sourceToName }}
      </el-descriptions-item>
      <el-descriptions-item label="意见与建议">
        {{ faultInfo.actualRepairPlaceToName }}
      </el-descriptions-item>
      <el-descriptions-item label="签名">
        {{ faultInfo.degreeToName }}
      </el-descriptions-item>
      <el-descriptions-item label="附件">
        <!-- {{ JSON.stringify(faultInfo.enclosure) }} -->
        sssssssssssssssssssssssssssssssssssssssss

      </el-descriptions-item>
    </el-descriptions>
  </pure-panel-card>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      default: function () {
        return {

        };
      },
    },
  },
  data() {
    return {
      faultInfo: {
        createTime: null,
      },
    };
  },
  watch: {
    data: {
      handler: function (val) {
        this.faultInfo = Object.assign({}, val.fault);
      },
      deep: true,
      immediate: true,
    },
  },
};
</script>

<style lang="scss" scoped>
.panel-card {
  ::v-deep .pure-card__body {
    padding: 0;
    // overflow: unset;
  }
}
.createUser,
.createTime {
  color: #879bba;
  margin-right: 10px;
  span {
    font-weight: 400;
    color: #2d405e;
  }
}

</style>
